<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>alert</title>	
    <style type="text/css">
    *{margin:0; padding:0;}
        .wapTip {
            position: fixed;
            display: none;
            left: 0;
            right: 0;
            top: 20%;
            margin: auto;
            width: 40%;
            height:40%;
            background: #fff;
            border-radius: .4rem;
            font-size: 20px;
            z-index: 999;
            font-weight:bold;
            text-align: center;
            line-height:250px;
        }
        .close{
            position:absolute;
            right:20px;
            top:20px;
            width:25px;
            height:25px;
            background: url(img/close.png) no-repeat;
        }
        .wapMask.mask {
            display: none;
            background:#000;
            width:100%;
            height:100%;
            opacity: .5;
            z-index: 888;
            position:absolute;
            top:0px;
        }
        .cancel{
            width:20%;
            height:10%;
            position:absolute;
            left:25%;
            bottom:20%;
            background:#74b000;
            border:none;
            color:#fff;
        }
        .success{
            width:20%;
            height:10%;
            color:#fff;
            position:absolute;
            right:25%;
            bottom:20%;
            background:#74b000;
            border:none;
        }
        .show{
            background:#74b000;
            border:none;
            color:#fff;
            width:100%;
            height:800px;
            overflow:hidden;
        }
    </style>
</head>
<body>
<button class="show"></button>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/wapTip.js"></script>
<script type="text/javascript">
$(function() {
    $(".show").click(function() {
        wapTip({
            isMask: true,
            content: "你确定要提交数据？",
            cancel:"取消",
            success:"成功",
            hideTime:500
        })
    })
})
</script>
</body>
</html>

